<template>
  <view class="more" @tap='tap' :style="`background: ${bgColor}`">
   <span class="img2" :style="`color: ${arrowColor};`">&gt;</span>
 </view>
</template>
<script setup>
const props = defineProps({
 url: String,
 bgColor: {
  type: String,
  default: '#6891FA'
 },
 arrowColor: {
  type: String,
  default: '#ffffff'
 }
});
const tap = () => {
 uni.navigateTo({
   url: props.url
 })
}
</script>
<style lang="scss" scoped>
 .more {
   min-width: 34rpx;
   height: 34rpx;
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 50%;
 }
 .img2 {
    font-size: 20rpx;
    line-height: 50rpx;
    font-weight: bold;
    color: #ffffff;
 }
</style>